<!DOCTYPE html>
<html>
<head>
    <style>
        body { background-color:powderblue}

        .header, .footer, .main {
            border: 1px solid black;
            background-color:silver
        }
        .flex-layout {background-color:gray;padding:5px}

    </style>
    <title>DOM Build expression</title>
    <script type="text/javascript" src="cdee.js">
    </script>

    <script type="text/javascript">
        cdee.debug=true;







    </script>
</head>


<body>

<div class="flex-layout" data-cdee="cdee['flex-layout']">
    <div class="header" style="">top content</div>
    <div class="main" flex id="main1">main content</div>
    <div class="footer" flex id="layout2">
        <div style="clear: none">left content</div>
        <div style="clear: none">main content</div>
            <div style="clear: none">right content</div>
    </div>
    <div style="background-color:silver">bottom content</div>
</div>
<!--

-->

</body>
</html>
